<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Mercury</title>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Mercury - Simple One Page Personal" name="description">
<meta content="Mercury" name="author">
<script src="/common/js/commonCss.js"></script>
<script src="/common/js/common.js" type="text/javascript"></script>
</head>
<body>
<!--加载界面-->
<div id="preloader">
  <div id="status">
	<img alt="logo" src="/framework/images/logo-big.png">
  </div>
</div>
<!--/.PRELOADER END-->

<!--HEADER -->
<div class="header">
  <div class="for-sticky">
	<!--LOGO-->
	<div class="col-md-2 col-xs-6 logo">
		<a th:href="@{/index}"><img alt="logo" class="logo-nav" src="/framework/images/logo.png"></a>
	</div>
	<!--/.LOGO END-->
  </div>

  <div class="menu-wrap">
	<nav class="menu">
	  <div class="menu-list">
		  <a th:href="@{/index}">
			  <span>主页</span>
		  </a>
		  <a th:href="@{/index}">
			  <span>关于</span>
		  </a>
	<!--	<a data-scroll="" href="#work">-->
          <a th:href="@{/articleController/showArticles}" class="active">
              <span>我的文章</span>
          </a>
          <a th:href="@{/userController/showUsers}">
              <span>个人信息</span>
          </a>
          <a th:href="@{/articleController/manageArticles}">
              <span>管理文章</span>
          </a>
	  </div>
	</nav>
	<button class="close-button" id="close-button">Close Menu</button>
  </div>
  <button class="menu-button" id="open-button">
	<span></span>
	<span></span>
	<span></span>
  </button><!--/.for-sticky-->
</div>
<!--/.HEADER END-->

<!--CONTENT WRAP-->
<div class="content-wrap">
  <!--CONTENT-->
  <div class="content container">
	<!--EMPLOYEMENT-->
	<section class="grey-bg" id="employement" >
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>我的文章</span>
			</h3>
		  </div>
		  <div class="col-md-9 content-right">
			<div class="row">
			  <ul class="listing-item">
				<li th:each="article:${articles}">
				  <div class="col-md-9 col-sm-9">
					<div class="wrap-card">
					  <div class="card">
						  <h3 th:text="${article.articleTitle}"></h3>
						<p class="job" th:text="${article.createDate}"></p>
						<hr>
						<!--<div class="text-detail">
						  <p>
							content
						  </p>
						</div>-->
					  </div>
					</div>
				  </div>
				</li>
			  </ul>
			</div>
		  </div>
		</div>
	  </div>
	</section>
	<!--/.EMPLOYEMENT END-->


	<!--TESTIMONIAL-->
	<section id="testimonial">
	  <div class="container">
		<div class="row wrap-testimonial">
		  <div class="col-md-10 col-md-offset-1">
			<div class="owl-carousel">
			  <div class="list-testimonial">
				<div class="content-testimonial">
				  <h3 class="testi">
					“动起来 写博客”
				  </h3>
				  <p class="people">
					Mercury
				  </p>
				</div>
			  </div>
			  <div class="list-testimonial">
				<div class="content-testimonial">
				  <h3 class="testi">
					“动次打次”
				  </h3>
				  <p class="people">
					Tan
				  </p>
				</div>
			  </div>

			</div>
		  </div>
		</div>
	  </div>
	  <div class="mask-testimonial"></div>
	</section>
	<!--/.TESTMONIAL END-->


	<!--FOOTER-->
	<footer>
	  <div class="footer-bottom">
		<div class="container">
		  <div class="row">
			<img src="/framework/images/logo-bottom.png" alt="logo bottom" class="center-block" />Copyright &copy; 2017.Company name All rights reserved.
		  </div>
		</div>
	  </div>
	</footer>
	<!--/.FOOTER-END-->
  <!--/.CONTENT END-->
  </div>
<!--/.CONTENT-WRAP END-->
</div>
</div>
</body>
</html>